.content{
	margin:0;
	padding: 0;
}
p{
	margin: 0;
}
.header{
	background: #fcfcfc;
	border-bottom: 1px solid #eee;
}
	.title{
		float:left;
	}
		.title-c{
			color: #4fc8a7;
			padding-right:10px; 
		}
		.time{
			color: #bbbfc4;
		}
		.concern{
			margin-top: 5px;
		}
			.concern a{
				color: #8a8c90;
				font-weight: normal;
			}
			.concern a:hover{
				color: #82d3c2;
			}
	.post{
		float:right;
	}
		.post a{
			display: block;
			background: #82d3c2;
			color: #fcfcfc;
			text-align: center;
			font-weight: normal;
		}
		.post a:hover{
			color: #fcfcfc;
		}


.topic-c .face{
	float: left;
}
	.u-info a{
		font-weight: normal;
		color: #111;
	}
	.u-info a:hover{
		color: #4fc8a7;
	}
	.u-info img{
		margin-left: 5px;
	}
		.u-text a{
			color: #111;
			font-weight: normal;
		}
		.u-text p{
			overflow: hidden;
		}
		.u-text a:hover{
			color: #4fc8a7;
		}
		.ass-like a{
			float: right;
			color: #5d5d5d;
			display: block;
			font-weight: normal;
			margin-right: 20px;
		}
		.ass-like .like{
			margin-right: 0;
		}
			
		

 @media screen and (min-width: 320px) {
.header{
		height:31px;
		padding:13px 12px;
}
	.title .title-c{
		font-size: 13px;
	}
	.title .time{
		font-size: 9px;
	}
	.concern{
		font-size: 11px;
	}
	.post a{
		width: 78px;
		height: 21px;
		line-height: 21px;
		font-size: 12px;
		margin: 6px 0;
	}

.topic-c{
	padding: 12px;
}
	.topic-c .face{
		width: 39px;
	}
		.topic-c .face img{
			width: 39px;
			height: 39px;
			border-radius: 50%;
		}
	.topic-c .user-detail{
		margin-left: 44px;
	}
		.u-info{
			margin-bottom: 3px;
			padding-top: 2px;
		}
		.u-info a{
			font-size: 12px;
		}
		.u-info img{
			width: 14px;
			height: 11px;
		}
		.u-text p{
			height: 16px;
			font-size: 12px;
			padding: 4px 0 9px;
		}
		.u-text img{
			width: 250px;
			height: 250px;
		}
		.ass-like{
			width: 250px;
			height: 12px;
			margin-top: 4px;
		}
			.ass-like img{
				width: 16px;
				height: 14px;
			}
			.ass-like span{
				font-size: 10px;
				vertical-align: top;
			}

}
@media screen and (min-width: 360px){
.topic-c{
	padding: 14px;
}
	.topic-c .face{
		width: 44px;
	}
		.topic-c .face img{
			width: 44px;
			height: 44px;
			border-radius: 50%;
		}
	.topic-c .user-detail{
		margin-left: 49px;
	}
		.u-info{
			margin-bottom: 4px;
			padding-top: 3px;
		}
		.u-info a{
			font-size: 14px;
		}
		.u-info img{
			width: 16px;
			height: 11px;
		}
		.u-text p{
			height: 18px;
			font-size: 14px;
			padding: 5px 0 10px;
		}
		.u-text img{
			width: 281px;
			height: 281px;
		}
		.ass-like{
			width: 281px;
			height: 19px;
			margin-top: 7px;
		}
			.ass-like img{
				width: 22px;
				height: 21px;
			}
			.ass-like span{
				font-size: 16px;
				vertical-align: top;
			}

}
@media  screen and (min-width: 410px) {
.header{
		height:49px;
		padding:21px 19px;
}
	.title .title-c{
		font-size: 21px;
	}
	.title .time{
		font-size: 14px;
	}
	.concern{
		font-size: 17px;
	}
	.post a{
		width: 122px;
		height: 33px;
		line-height: 33px;
		font-size: 18px;
		margin: 9px 0;
	}

.topic-c{
	padding: 17px;
}
	.topic-c .face{
		width: 54px;
	}
		.topic-c .face img{
			width: 54px;
			height: 54px;
			border-radius: 50%;
		}
	.topic-c .user-detail{
		margin-left: 60px;
	}
		.u-info{
			margin-bottom: 4px;
			padding-top: 3px;
		}
		.u-info a{
			font-size: 17px;
		}
		.u-info img{
			width: 20px;
			height: 15px;
		}
		.u-text p{
			height: 21px;
			font-size: 17px;
			padding: 6px 0 12px;
		}
		.u-text img{
			width: 320px;
			height: 320px;
		}
		.ass-like{
			width: 320px;
			height: 17px;
			margin-top: 6px;
		}
			.ass-like img{
				width: 22px;
				height: 21px;
			}
			.ass-like span{
				font-size: 14px;
				vertical-align: top;
			}

}

@media  screen and (min-width: 600px) {
.header{
		height:70px;
		padding:30px 27px;
}
	.title .title-c{
		font-size: 30px;
	}
	.title .time{
		font-size: 20px;
	}
	.concern{
		font-size: 25px;
	}
	.post a{
		width: 176px;
		height: 48px;
		line-height: 48px;
		font-size: 26px;
		margin: 13px 0;
	}


.topic-c{
	padding: 27px;
}
	.topic-c .face{
		width: 88px;
	}
		.topic-c .face img{
			width: 88px;
			height: 88px;
			border-radius: 50%;
		}
	.topic-c .user-detail{
		margin-left: 98px;
	}
		.u-info{
			margin-bottom: 7px;
			padding-top: 5px;
		}
		.u-info a{
			font-size: 28px;
		}
		.u-info img{
			width: 32px;
			height: 25px;
		}
		.u-text p{
			height: 35px;
			font-size: 28px;
			padding: 10px 0 20px;
		}
		.u-text img{
			width: 468px;
			height: 468px;
		}
		.ass-like{
			width: 468px;
			height: 27px;
			margin-top: 10px;
		}
			.ass-like img{
				width: 30px;
				height: 27px;
			}
			.ass-like span{
				font-size: 23px;
				vertical-align: top;
			}

}
@media screen and (min-width: 720px){
.u-text img{
		width: 562px;
		height: 562px;
	}
	.ass-like{
		width: 562px;
		height: 27px;
		margin-top: 10px;
	}
}
@media screen and (min-width: 801px) {
.header{
		height:88px;
		padding:38px;
}
	.title .title-c{
		font-size: 38px;
	}
	.title .time{
		font-size: 25px;
	}
	.concern{
		font-size: 31px;
	}
	.post a{
		width: 220px;
		height: 60px;
		line-height: 60px;
		font-size: 33px;
		margin: 16px 0;
	}

.topic-c{
	padding: 38px;
}
	.topic-c .face{
		width: 122px;
	}
		.topic-c .face img{
			width: 122px;
			height: 122px;
			border-radius: 50%;
		}
	.topic-c .user-detail{
		margin-left: 136px;
	}
		.u-info{
			margin-bottom: 10px;
			padding-top: 7px;
		}
		.u-info a{
			font-size: 39px;
		}
		.u-info img{
			width: 44px;
			height: 35px;
		}
		.u-text p{
			height: 49px;
			font-size: 39px;
			padding: 14px 0 28px;
		}
		.u-text img{
			width: 781px;
			height: 781px;
		}
		.ass-like{
			width: 781px;
			height: 38px;
			margin-top: 14px;
		}
			.ass-like img{
				width: 42px;
				height: 38px;
			}
			.ass-like span{
				font-size: 32px;
				vertical-align: top;
			}

}